<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字数榜</title>
    <link rel="stylesheet" href="/static/ranking_list2.css">
</head>
<body>
<div id="container">
    <header>
        <iframe src="/myapp/main2/" width="1200px" frameborder="0" height="123.5px"></iframe>
    </header>
    <div id="hot_list">
        <div id="hot_list_title">
            <h3>人气榜单</h3>
            <img src="/static/image/sc6.png" alt="">
        </div>
        <hr>
        <div id="hot_list_container">
            <h3>热门作品排行</h3>
            <ul>
                <a href="/myapp/ranking/click/"><li>人气榜</li></a>
                <a href="/myapp/ranking/sell"><li>热销榜</li></a>
                <a href="/myapp/ranking/ticket/"><li>推荐票榜</li></a>
                <a href="/myapp/ranking/len"><li>字数榜</li></a>
            </ul>
            <hr style="border: 0.3px dashed grey">
            <h3>其他排行</h3>
            <ul>
                <a href="/myapp/ranking2/"><li>玄幻人气榜</li></a>
                <a href="/myapp/ranking2/"><li>奇幻人气榜</li></a>
                <a href="/myapp/ranking2/"><li>武侠人气榜</li></a>
                <a href="/myapp/ranking2/"><li>仙侠人气榜</li></a>
                <a href="/myapp/ranking2/"><li>都市人气榜</li></a>
                <a href="/myapp/ranking2/"><li>现实人气榜</li></a>
                <a href="/myapp/ranking2/"><li>军事人气榜</li></a>
                <a href="/myapp/ranking2/"><li>历史人气榜</li></a>
                <a href="/myapp/ranking2/"><li>游戏人气榜</li></a>
                <a href="/myapp/ranking2/"><li>体育人气榜</li></a>
                <a href="/myapp/ranking2/"><li>科幻人气榜</li></a>
                <a href="/myapp/ranking2/"><li>灵异人气榜</li></a>
            </ul>

        </div>
        <hr>
    </div>
    <div id="info">
        <div id="info_title">
            <h1>字数榜<span>当月作品字数排行</span></h1>
            <hr>
        </div>
        <div id="info_container">
            <ul>
                {% for row in result %}
                <li>
                    <div>
                        <img src="{{row.img }}"  alt="">
                    </div>
                    <div class="info_container_info">
                        <h3 style="width: auto;margin-top: 7px">{{ row.title }}</h3>
                        <p class="author">
                            <a>{{ row.authorname }}</a>
                            <em>|</em>
                            <a>{{ row.kind }}</a>
                            <em>|</em>
                            <span>{{ row.state }}</span>
                        </p>
                        <p class="intro" style="font-size: 13px;font-family: Arial">{{ row.intro }}</p>
                    </div>
                    <div class="bookbox">
                        <div class="count">
                            <p>{{ row.lencount}}<span>万字</span></p>
                        </div>
                        <div class="button">
                            <div class="redbutton"><p><a href="">书籍详情</a></p></div>
                            <div class="bluebutton"><p><a href="">加入书架</a></p></div>
                        </div>
                    </div>
                </li>
                {% endfor %}
            </ul>
        </div>
    </div>
    <div style="display: flex;margin-left: 250px" id="pagebox">
        <div style="display: flex;width:200px;margin-right:5px;line-height: 5px">
            <p style="width: auto;margin-right: 10px">页次<span style="margin-left: 1px;color: red">{{ sid }}</span>/<span style="margin-left: 1px;color: gray">{{ n }}</span></p>
            <p style="width: auto;margin-right: 10px">每页<span style="margin-left: 1px;margin-right: 1px;color: red">5</span>条</p>
            <p style=" width: auto;">共<span style="margin-left: 1px;margin-right: 1px;color: red">{{ alllen }}</span>部</p>
        </div>
        {% if sid != 1 %}
            <div class="page" style="margin-left: 50px;width:70px;height: 30px;background: white;border-radius:50px;border:1px solid #cacaca;">
                <a href="/myapp/ranking/len/?sid={{ sid }},snum={{ -1 }}"><p style='margin-top: 4.5px;text-align: center'>上一页</p></a>
            </div>
        {% endif %}
        {% if z == 2 or z == 3 %}
            <div class="page" style="margin-left: 15px;width: 30px;height: 30px;background: white;border-radius:50px;border:1px solid #cacaca;font-size: 20px;">
                <a href="/myapp/ranking/len/?sid={{ m }},snum={{ 0 }}"><p style='margin-top: 4.5px;text-align: center'>{{ m }}</p></a>
            </div>
            <div><p style="margin-top: 10px;margin-left: 10px">......</p></div>
        {% endif %}
        {% for i in list1 %}
            <b><div class="page" style="margin-left: 15px;width: 30px;height: 30px;background: white;border-radius:50px;border:1px solid #cacaca;font-size: 20px;">
                <a href="/myapp/ranking/len/?sid={{ i }},snum={{ 0 }}"><p style='margin-top: 4.5px;text-align: center'>{{ i }}</p></a>
            </div></b>
        {% endfor %}
        {% if z == 1 or z == 3%}
            <div><p style="margin-top: 10px;margin-left: 10px">......</p></div>
            <div class="page" style="margin-left: 15px;width: 30px;height: 30px;background: white;border-radius:50px;border:1px solid #cacaca;font-size: 20px;">
                <a href="/myapp/ranking/len/?sid={{ n }},snum={{ 0 }}"><p style='margin-top: 4.5px;text-align: center'>{{ n }}</p></a>
            </div>
        {% endif %}
        {% if sid != length %}
            <div class="page" style="margin-left: 50px;width: 70px;height: 30px;background: white;border-radius:50px;border:1px solid #cacaca;">
                <a href="/myapp/ranking/len/?sid={{ sid }},snum={{ 1 }}"><p style='margin-top: 4.5px;text-align: center'>下一页</p></a>
            </div>
        {% endif %}
        <div style="margin: 5px;">
            <form action="/myapp/ranking/len/" method="post" style="display: flex">
                <input type="text" style="width: 40px;margin-right: 10px" name="sid"  AUTOCOMPLETE="off">
                <input id='jump'type="submit" value="跳转">
            </form>
        </div>
    </div>
</div>
</body>
</html>